<style type="text/css">
    .header {
        height: 65px;
        line-height: 65px;
        width: 100%;
        background-color: #fff;
        box-shadow: 0 2px 15px 0 rgba(0,0,0,.08);
    }
    .header .logo {
        display: block;
        height: 55px;
        margin-top: 5px;
    }
    .header .logo img{
        width: 100%;
    }
    .header .nav {
        margin-left: 10px;
    }
    .header .nav li {
        margin-left: 65px;
        float: left;
    }
    .header .nav li a{
        padding: 0 15px;
    }
    .header a {
        color: rgba(0, 0, 0, 0.7);
        font-size: 14px;
        font-weight: 500;
    }
    .header a.active {
        color: #32b580 !important;
    }
    .header a:hover{
        color: rgba(0,0,0,0.9);
    }
</style>
<div class="header">
    <div class="container">
        <div class="row">
            <div class="col-xl-2">
                <img src="{$static}images/logo.svg" class="logo" alt="鹰眼短链" width="120">
            </div>
            <div class="col-xl-8">
                <ul class="nav clearfix">
                    <li><a href="/" >首页</a></li>
                    <li><a href="{:url('pricing/index')}">价格</a></li>
                    <li><a href="javascript:void(0)">api文档</a></li>
                </ul>
            </div>
            <div class="col-xl-2">
                {if condition="$userId eq 0"}
                <a href="{:url('user/login')}">登录/注册</a>
                {else /}
                <a href="{:url('url/index')}">进入控制台</a>
                {/if}
            </div>
        </div>
    </div>
</div>